<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>站酷海洛-商品详情</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel='icon' href='inimage/favicon.ico'>
    <link rel="stylesheet" href="icon/iconfont.css">
    <link rel="stylesheet" href="css/shangpinxiangping.css">
</head>
<body>
    <!-- top -->
    <div id="top">
        <div id="top-con">
            <h1 class="toph1">
                <a href="http://127.0.0.1/zkhl/qian/index.html">
                    <img src="inimage/logo2.svg" alt="">
                </a>
            </h1>
            <div class="topcenter">
                <li>图片</li>
                <li>视频</li>
                <li>字体</li>
                <li>音乐</li>
            </div>
            <div class="topright">
                <li><span class="iconfont icon-dianhua"></span> 400-6066-100</li>
                <li>供图</li>
                <li>价格</li>
            </div>
        </div>
    </div>
    <!-- 商品详情 -->
    <div id="xiangqing">
        <div id="xiang-con">
            <div class="qing1">
                <div class="xiangimg"></div>
            </div>
            <div class="qing2">
                <button class="bt1">加入购物车</button>
                <button class="bt2">查看购物车</button>
            </div>
        </div>
    </div>
    <div id="meng"></div>
    <div id="datu"></div>
    <!-- 尾注 -->
    <div id="wz">
        <div id="wz-con">
            <div class="wz-top">
                <div class="wz-t1">
                    <img src="inimage/wwz_03.gif" alt="">
                </div>
                <div class="wz-t2">
                    <ul>
                        <h2>哈哈</h2>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                    </ul>
                    <ul>
                        <h2>哈哈</h2>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                    </ul>
                    <ul>
                        <h2>哈哈</h2>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                        <li><a href="">年后</a></li>
                    </ul>
                </div>
                <div class="wz-t3">
                    <ul>
                        <h2>关注我们</h2>
                        <img src="inimage/weixincode.jpg" alt="">
                        <li>产品咨询</li>
                        <li>产品咨询</li>
                    </ul>
                </div>
            </div>
            <div class="wz-boottom">
                <div>北京站酷网络科技有限公司旗下产品京ICP备11017824号京ICP证130164号</div>
                <div><img src="inimage/icon-police.png"alt="" style="display: inline-block"> 京公网安备11010502034683号</div>
                <div>opyright ◎2014-2021 站酷海洛版权所有</div>
            </div>
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/shangpinxiangqing.js"></script>
</body>
</html>